
<!DOCTYPE html>
<html>

<div th:replace="common/jsCssRef :: jsfJsCssRef"></div>

<body class="bgf6">

<div th:replace="common/head :: jsfHeader"></div>

<div class="main-body pb100">
    <div class="container pt10" id="app">
        <div class="dflx sbt">

            <div th:replace="common/left :: jsfLeft"></div>

            <div class="body-right">
                <div class="bread-nav bgff">
                    <ul class="dflx">
                        <li><a href="">首页</a></li>
                        <li><a href="">统筹规划</a></li>
                        <li><a href="">中长期项目库</a></li>
                        <li><a href="">查看</a></li>
                    </ul>
                </div>

                <div class="bgff mt10 pb50">
                    <div class="wrap">
                        <div class="top-info">
                            <h2 class="title">{{plan.projectName}}<span class="no">{{plan.projectNo}}</span></h2>
                            <div class="mt5">
                                <span>创建人：{{log.creatorName}}</span>
                                <span class="ml20">创建时间：{{log.createTime}}</span>
                            </div>
                        </div>

                        <div class="box mt30">
                            <div class="box-title"><span>中长期项目基本信息</span></div>
                            <div class="mt20 f14 long">
                                <div class="two">
                                    <span class="title">项目名称</span>
                                    <span class="content">{{plan.projectName}}</span>
                                    <span class="title">项目编号</span>
                                    <span class="content">{{plan.projectNo}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">项目编码</span>
                                    <span class="content">{{plan.uniqueCityCode}}</span>
                                    <span class="title">项目总投资</span>
                                    <span class="content">{{plan.totalProjectInvestment}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">项目类型</span>
                                    <span class="content">{{plan.projectCategoryName}}</span>
                                    <span class="title">建设地点</span>
                                    <span class="content">{{plan.constructionSite}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">计划开始时间</span>
                                    <span class="content">{{plan.planBeginTime}}</span>
                                    <span class="title">计划截止时间</span>
                                    <span class="content">{{plan.planEndTime}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">所属单位</span>
                                    <span class="content">{{plan.belongUnitName}}</span>
                                    <span class="title">项目联系人</span>
                                    <span class="content">{{plan.projectContact}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">联系人电话</span>
                                    <span class="content">{{plan.projectContactMobile}}</span>
                                    <span class="title">联系人邮箱</span>
                                    <span class="content">{{plan.projectContactEmail}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">国标行业编码</span>
                                    <span class="content">{{plan.industryCoding}}</span>
                                    <span class="title">国标行业名称</span>
                                    <span class="content">{{plan.industryName}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">是否开发区项目</span>
                                    <span class="content">{{plan.isDevelopment}}</span>
                                    <span class="title">开发区名称</span>
                                    <span class="content">{{plan.developmentName}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">产业结构编码</span>
                                    <span class="content">{{plan.industrialStructureCode}}</span>
                                    <span class="title">产业结构名称</span>
                                    <span class="content">{{plan.industrialStructureName}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">行政区划编码</span>
                                    <span class="content">{{plan.administrativeDivisionCode}}</span>
                                    <span class="title">行政区划名称</span>
                                    <span class="content">{{plan.administrativeDivisionName}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">工程分类编码</span>
                                    <span class="content">{{plan.projectClassificationCode}}</span>
                                    <span class="title">工程分类名称</span>
                                    <span class="content">{{plan.projectClassificationName}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">立项类型编码</span>
                                    <span class="content">{{plan.approvalTypeCode}}</span>
                                    <span class="title">立项类型名称</span>
                                    <span class="content">{{plan.approvalTypeName}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">项目资金属性编码</span>
                                    <span class="content">{{plan.fundAttributeCode}}</span>
                                    <span class="title">项目资金属性名称</span>
                                    <span class="content">{{plan.fundAttributeName}}</span>
                                </div>
                                <div class="two">
                                    <span class="title">项目建设性质编码</span>
                                    <span class="content">{{plan.constructionNatureCode}}</span>
                                    <span class="title">项目建设性质名称</span>
                                    <span class="content">{{plan.constructionNatureName}}</span>
                                </div>
                                <div class="two">/projectProcess/getCurrentStatus
                                    <span class="title">项目类别编码</span>
                                    <span class="content">{{plan.itemCategoryCode}}</span>
                                    <span class="title">项目类别名称</span>
                                    <span class="content">{{plan.itemCategoryName}}</span>
                                </div>
                                <div class="one">
                                    <span class="title">上传附件</span>
                                    <div class="content">
                                        <a href="" class="mr20">长沙市2019年全市交通监控系统升级.pdf</a>
                                    </div>
                                </div>
                                <div class="one">
                                    <span class="title">建设内容</span>
                                    <div class="content" v-text="plan.remark"></div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    $('#midLong').addClass('active');

    var planId = $.getUrlParam("id");

    var appPage = new Vue({
        el : '#app',
        data : {
            plan : {},
            log : {}
        },
        created : function() {
            loadPlanDetail();
            loadLogg();
        },
        computed : {

        },
        methods : {
            planStatusDesc : function (val) {
                return statusPlanObj[val];
            }
        }
    })

    function loadPlanDetail() {
        $.ajax({
            'url' : contentPath + '/mediumLongTermpm/getOne',
            'dataType' : 'json',
            'type' : 'get',
            'data' : {
                id : planId
            },
            'success' : function (result) {
                if (result.code != 1000) {
                    alert(result.message);
                    return;
                }

                appPage.plan = result.data;
            },
            'error' : function (result) {
            }
        });
    }
    
    function loadLogg() {
        $.ajax({
            'url' : contentPath + '/mediumLongTermpm/getOne/log',
            'dataType' : 'json',
            'type' : 'get',
            'data' : {
                projectId : planId,
                actionType : 1
            },
            'success' : function (result) {
                if (result.code != 1000) {
                    alert(result.message);
                    return;
                }

                appPage.log = result.data;
            },
            'error' : function (result) {
            }
        });
    }
    
    function toEdit() {
        window.location.href = contentPath + '/view/toMediumlangEdit?id=' + planId;
    }

</script>
</body>
</html>
